<!doctype html>
<!-- The DOCTYPE declaration above will set the     -->
<!-- browser's rendering engine into                -->
<!-- "Standards Mode". Replacing this declaration   -->
<!-- with a "Quirks Mode" doctype is not supported. -->

<html>
<head>
<title>Home</title>
</head>

<body>
	<div id="Home" style="color: white;">
		<div id="slider"></div>
		<div id="feed1" style="float:left; border-radius: 10px; background-image:url(../img/fundoFeedEscuro.png); height:160px; width: 228px; boder:1px solid black;">
			<div style="height: 30px;  margin-top:10px; width:100%; background-color: #10B3CF; font-weight: bold;"><span style="margin-left: 10px; padding-bottom: -10px;">Empresa</span></div> <br/>
			<div style="width: 90%; margin-left: 10px;">
					<span>Empresa esta ativa desde 2005 começando seus trabalhos na </span><br/>
				<span>cidade de Araçatuba-SP...</span>		
			</div>
			<div class="btnSaibaMais" style="z-index:9999; height: 30px; text-align:right; width:100%;">
				<input id="smEmpresa" style="margin-right:5px;" type="image" src="img/btnMais.png"></input>
			</div>			
		</div>
		<div id="feed1" style="float:left; margin-left:15px; border-radius: 10px; background-image:url(../img/fundoFeedClaro.png); height:160px; width: 228px; boder:1px solid black;">
			<div style="height: 30px;  margin-top:10px; width:100%; background-color: #10B3CF; font-weight: bold;"><span style="margin-left: 10px; padding-bottom: -10px;">Serviços</span></div> <br/>
			<div style="width: 90%; margin-left: 10px;">
				<span>Instalação e Manutenção de equipamentos de ar condicionado de diversas marcas...</span><br/>
			</div>
			<div class="btnSaibaMais" style="z-index:9999; height: 30px; text-align:right; width:100%;">
				<input  id="smServicos" style="margin-right:5px;" type="image" src="img/btnMais.png"></input>
			</div>		
		</div>
		<div id="feed1" style="float:left; margin-right:15px; margin-left:15px; border-radius: 10px; background-image:url(../img/fundoFeedEscuro.png); height:160px; width: 228px; boder:1px solid black;">
			<div style="height: 30px;  margin-top:10px; width:90%; background-color: #10B3CF; font-weight: bold;"><span style="margin-left: 10px; padding-bottom: -10px;">Equipamentos</span></div> <br/>
			<div style="width: 90%; margin-left: 10px;">
				<span>Trabalhamos com as principais marcas do mercado... </span><br/>
				<span>&nbsp;</span><br/>
			</div>
			<div class="btnSaibaMais" style="z-index:9999; height: 30px; text-align:right; width:100%;">
				<input id="smEquipamentos" style="margin-right:5px;" type="image" src="img/btnMais.png"></input>
			</div>		
		</div>
		<div id="feed1" style="float:left; border-radius: 10px; background-image:url(../img/fundoFeedClaro.png); height:160px; width: 228px; boder:1px solid black;">
			<div style="height: 30px;  margin-top:10px; width:90%; background-color: #10B3CF; font-weight: bold;"><span style="margin-left: 10px; padding-bottom: -10px;">Entre em Contato</span></div> <br/>
			<div style="width: 90%; margin-left: 10px;">
				<span>Atendimento de segunda a sexta das 9h as 18h...</span><br/>
				<span>&nbsp;</span><br/>
				<span>&nbsp;</span>				
			</div>
			<div class="btnSaibaMais" style="z-index:9999; height: 30px; text-align:right; width:100%;">
				<input id="smContato" style="margin-right:5px;" type="image" src="img/btnMais.png"></input>
			</div>		
		</div>
		<div style="margin-top:180px; color:black; width: 100%;">
			<div style="float:left; width: 50%;">
				<span style="font-size:20px; font-weight:bold; color: #10B3CF;">Bem Vindo</span><br />
				<span>Seja bem vindo ao nosso portal curta nossa pagina no facebook e no twitter!</span><br />			
			</div>		
			<!--  <div style="float:left; width: 50%;">
				<span style="font-size:20px; font-weight:bold; color: #10B3CF;">Serviços</span><br />
				<span>Trabalhamos com todas as marcas do mercado com Colaboradores qualificados e treinados.</span>
				<span>Saiba mais na aba de Serviços</span><br />	
			</div>-->
		</div>	
	</div>
</body>
</html>
